<template>
  <div>
    <el-form :inline="true" :model="props.formInline" class="demo-form-inline">
      <el-form-item label="id：">
        <el-input
          v-model="props.formInline.id"
          placeholder="请输入id"
          clearable
        />
      </el-form-item>
      <el-form-item label="经纪人：">
        <el-select
          v-model="props.formInline.person"
          placeholder="请选择经纪人"
          clearable
          style="width: 200px"
        >
          <el-option label="李兰" value="李兰" />
          <el-option label="黄明" value="黄明" />
          <el-option label="昭武" value="昭武" />
          <el-option label="李四" value="李四" />
        </el-select>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onSubmit">搜索</el-button>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onReset">重置</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>

<script setup>
import { getCurrentInstance } from "vue";
const { proxy } = getCurrentInstance();

const props = defineProps({
  formInline: {},
});

console.log(props.formInline, "===props");

const onSubmit = () => {
  proxy.$emit("handleSearchFormValue", props.formInline);
};

const onReset = () => {
  proxy.$emit("handleReset");
};
</script>